<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp" ontouchstart>
        <div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
            <!--header开始-->
            <div id="header" class="uh bc-text-head ub bc-head">
                <div class="nav-btn" id="nav-left"></div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">index.html</h1>
                <div class="nav-btn" id="nav-right">
                    <!--按钮开始-->

                    <!--按钮结束-->
                </div>
            </div>
            <!--header结束--><!--content开始-->
            <div id="content" class="ub-f1 tx-l ">

            </div>
            <!--content结束-->

        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            var titHeight = $('#header').offset().height;
            appcan.frame.open("content", "index_content.html", 0, titHeight);
            window.onorientationchange = window.onresize = function() {
                appcan.frame.resize("content", 0, titHeight);
            }
            // 通道
            appcan.window.subscribe("close_current", function(msg) {
                // // 开始设定动画
                // uexWindow.beginAnimition();
                // // 设置动画延迟执行时间
                // uexWindow.setAnimitionDelay(2000);
                // // 设置动画持续时间
                // uexWindow.setAnimitionDuration(5000);
                // // 设置动画曲线类型
                // uexWindow.setAnimitionCurve(0);
                // // 设置动画重复次数
                // uexWindow.setAnimitionRepeatCount(2);
                // // 设置动画结束后自动恢复位置和状态:0表示不回复，默认是0；1表示恢复。
                // uexWindow.setAnimitionAutoReverse(0);
                // // 设置移动动画
                // uexWindow.makeTranslation(100, 100, 100);

                appcan.window.openPopover({
                    name : "main_content",
                    dataType : 0,
                    url : "main_content.html",
                    top : titHeight,
                    left : 0,
                });
            });

        });
    </script>
</html>